{extend name="home/base" /}
{block name="style"}
#article article .title h3{ font-size:28px; font-weight:blod;}
#article article {padding-left:30px; padding-right:30px;}
#article article h1{letter-spacing: 1px;}
#article article p{line-height:1.875; padding-top:.8em; padding-bottom:.8em; margin:0; font-size:16px; text-align:justify;letter-spacing: 0.5px;}
#article article .message .time {padding-left: 20px;background: url(/assets/home/images/time.png) no-repeat left 50%;}
#article article .message span {display: inline-block;margin-right: 20px;color: #999;text-align: center;}

.relative{ position:relative;}
.float_panel{ }
.share{ width:105px; padding-top:10px;}
/*.shadow{-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}*/

.bdshare-button-style0-16 a{ font-size:16px; background-image:none; padding:0; float:none;}
.share .son{ position:relative; height:60px;}
.share  .top .icon{background: url(/assets/hhc/res/share2.png);}
.share .icon{ width:31px; height:31px; position:absolute; left:0;}
.share .text{ position:absolute; font-size:16px; left:40px; top:3px;}
.share .weibo .icon{background: url(/assets/hhc/res/social.png) no-repeat -130px -88px;}
.share .weixin .icon{background: url(/assets/hhc/res/social.png) no-repeat -73px -88px;}
.share .qzone .icon{background: url(/assets/hhc/res/social.png) no-repeat -73px -20px;}

#article .right .layui-elem-field{border-color: #e6e6e6; border-width: 1px;border-style: solid;}
#article .right .layui-elem-field legend {padding: 0 10px;font-size: 20px;font-weight: 300;}
#article .right .layui-elem-field > ul > li{ line-height:2.4; padding-left:20px;}
{/block}
{block name="body"}
{php}
use \fast\lucn\Lucn;
{/php}
<!--<div><img src="/assets/home/images/article2.jpg"></div>-->
<div class="line-6"></div>
<div id="article" class="uk-container uk-container-center">
<div class="uk-grid pt-50 pb-50">
<div class="uk-width-1-10 article-page">

<div class="share float_panel bdsharebuttonbox">
				  <div class="son top">
				    <div class="icon"></div>
					<div class="text">分享到</div>
				  </div>
				  <div class="son weibo">
				    <div class="icon"></div>
					<div class="text"><a data-cmd="tsina" title="分享到新浪微博">微博</a></div>
				  </div>
				  <div class="son weixin">
				    <div class="icon"></div>
					<div class="text"><a class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a>

</div>
				  </div>
				  <div class="son qzone">
				    <div class="icon"></div>
					<div class="text"><a data-cmd="qzone" title="分享到QQ空间">空间</a>

</div>
				  </div>
				</div>

</div>
<div class="uk-width-7-10">
<article class="content">
<div class="title">
<h1>{$one.title}</h1>
<!--
<small>{$one.description}</small>
-->
</div>
<div class="message pt-20 pb-20">
<span class="time">{:date('Y-m-d H:i',$one['createtime'])}</span>
<span>编辑：{$one.author}</span>
<span>阅读：{$one.views}</span>
</div>
<div class="content container">
{$one.content}
</div>

</article>
</div>
<div class="right uk-width-2-10">


<fieldset class="layui-elem-field layui-field-title site-title">
<legend class="uk-text-center">资讯分类</legend>
<ul class="pt-20 pb-20">
{volist name="list_category" id="v"}
<li><a href="{:url(''.$controller_sign.'/tolist','id='.$v['id'])}">{$v.name}</a></li>
{/volist}
</ul>
</fieldset>

</div>
</div>
</div>


{/block}
{block name="script"}
$(function(){
    $(".float_panel2").css('width',$(".float_panel2").outerWidth(true));
	$(".float_panel2").smartFloat();
	$(".float_panel").smartFloat();
});
{/block}